<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
	</head>

	<body>
		<div id="app">
			<!-- 在标签属性中使用, vue的属性数据,无法使用插值表达式 -->
			<!-- 属性绑定  v-bind:src -->
			<img :src="imgPath" :width="w" alt="" />
			<a :href="url">点击</a>
			<hr />
			<h1>{{username}}</h1>
			<!-- 表单标签的属性绑定方式, v-model -->
			<input type="text" v-model="username" />
		</div>
		<script>
			new Vue({
				el: "#app",
				data: {
					imgPath:"img/1.jpeg",
					url:"http://www.taobao.com",
					w:"100px",
					username:"xxx"
				}
			})
		</script>
	</body>

</html>